<template>
  <div>
    <h1>CustomRef</h1>
    <!-- 相关文章：https://blog.csdn.net/qq_54527592/article/details/119846205?ops_request_misc=%257B%2522request%255Fid%2522%253A%252204e2027ef36882132a22a5db897e9ecc%2522%252C%2522scm%2522%253A%252220140713.130102334..%2522%257D&request_id=04e2027ef36882132a22a5db897e9ecc&biz_id=0&utm_medium=distribute.pc_search_result.none-task-blog-2~all~top_click~default-1-119846205-null-null.142^v101^control&utm_term=CustomRef&spm=1018.2226.3001.4187 -->
    <!-- 创建一个自定义的 ref，并对其依赖项跟踪和更新触发进行显式控制。 -->

    <!-- 如果要使用，记得是在自定义的 ref 中返回一个 customRef，而 customRef 也要返回一个对象 -->
    <input type="text" v-model="keyWorld">
    <h1>值是：{{ keyWorld }}</h1>

  </div>
</template>

<script setup lang='ts' name="Home">
import { ref, reactive } from 'vue'
import newRefs from '@/hooks/useMyrefs'

let keyWorld = newRefs('哈哈', 2000)

</script>


<style lang='scss' scoped></style>